<template>
    <div id="studies-summary">
        <Title title="研学成果"/>
        <div id="title">【出行总结】</div>
        <div>
            <div class="box-image">
                <img src="./image/add.svg">
            </div>
            <div id="addSummary">
                <el-link id="addStudiesSummaryitem" href="#">
                    新建总结
                </el-link>
            </div>

        </div>
        <div v-for="(item,index) in allnews" :key="index">
            {{index+1}}.
            <StudiesSummaryItem id="newsitem"/>
        </div>
    </div>
</template>

<script>
    import StudiesSummaryItem from "./studiesSummaryItem/StudiesSummaryItem";
    import Title from "../../../../../../../components/title/Title";
    import {Link} from "element-ui";
    export default {
        name: "StudiesSummary",
        components:{
            Title,
            StudiesSummaryItem,
            "el-link":Link
        },
        data(){
            return{
                allnews:[1,2,3]
            }
        }
    }
</script>
<style  >
    .box-image{
        display: inline-block;
    }
    img{
        width: 16px;
        height: 16px;
        vertical-align: middle;
    }
    #title{
        margin: 20px 0px;
        color: #505050;
        font-size: 20px;
    }

    #addStudiesSummaryitem{
        color: red;
        font-size: 14px;
    }
    #newsitem{
        display: inline-block;
        margin-top: 20px;
    }
    #addSummary{
        display: inline-block;
    }
</style>
